<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>天亮云课堂--详情页</title>
    <!-- 设置网页图标 -->
    <link rel="icon" href="./image/favicon.ico">
    </link>
    <!-- 引入jquery -->
    <script src="./js/jquery-3.7.1.js"></script>
    <!-- bootstrap -->
    <script src="./js/bootstrap.js"></script>
    <!-- echarts 图标 -->
    <script src="./js/echarts.min.js"></script>

    <script src="./js/bootstrap.js"></script>
    <link rel="stylesheet" href="./css/bootstrap.css">

    <!-- 轮播图 -->
    <link rel="stylesheet" href="./plugins/swiper-8.4.7/swiper/swiper-bundle.css">
    <script src="./plugins/swiper-8.4.7/swiper/swiper-bundle.js"></script>

    <!-- 自定义js和css -->
    <link rel="stylesheet" href="./css/course-detail.css">
    <link rel="stylesheet" href="./css/index.css">

</head>

<body>
    <div id="app">
        <div class="nav-container-box">
            <div class="nav-container">
                <div class="nav-left">
                    <img src="./image/main-logo.png" alt="">
                    <div class="nav-box">
                        <a href="./index.html">首页</a>
                        <a href="" id="course-classify-scroll">课程分类</a>
                        <a href=""> 教学管理云平台</a>
                        <div class="course-list-scroll">
                            <div class="course-item">
                                <a href="">宇哥带你学Java</a>
                            </div>
                            <div class="course-item">
                                <a href="">学长面对面</a>

                            </div>
                        </div>
                    </div>
                </div>
                <div class="nav-right">
                    <div class="search-box">
                        <input type="text" placeholder="搜索课程~">
                        <span class="search-box-button">
                            <img src="./image/search-logo.png" alt="">
                        </span>
                    </div>
                    <div class="chart">
                        <img src="./image/chart.png" alt="">
                    </div>
                    <div class="login-box" data-bs-toggle="modal" data-bs-target="#myModal">
                        登录/注册
                    </div>
                </div>
            </div>
        </div>

        <div>
            <div class="course-detail-nav">
                <a href="./index.html">首页</a>
                <a href="">视频详情</a>
            </div>
        </div>

        <div>
            <!-- 课程详情主体容器 -->
            <div class="course-detail-main-container">

                <!-- 介绍 -->
                <!-- <div class="introdcut-container">
                    <div class="intro-left">
                        <img src="./image/产品图1-1831543725516390400.jpg" alt="">
                    </div>
                    <div class="intro-right">
                        <div class="detail-title">智慧狐智能棋具操作说明</div>
                        <div class="detail-info">
                            <div class="detail-info-first-line">
                                <div>累计1590人学习</div>
                            
                                <span>
                                    <img src="./image/star.svg" alt="">
                                    <img src="./image/star.svg" alt="">
                                    <img src="./image/star.svg" alt="">
                                    <img src="./image/star.svg" alt="">
                                    <img src="./image/star.svg" alt="">
                                </span>
                            </div>
                            <div class="detail-price-info">
                                <div class="detail-price-box">
                                    <div class="detail-free-font">免费</div>
                                    <div class="detail-new-price">￥98.8</div>
                                    <div class="detail-old-price">￥800</div>

                                </div>
                                <span class="detail-time-limit">限时钜惠</span>
                            </div>
                            <div class="detail-btn-box">
                                <button class="deatil-watch-btn">立即观看</button>
                                <button class="detail-add-btn">加入购物车</button>
                            </div>
                        </div>
                    </div>
                    <div class="collection">
                        <img src="./image/sm-star.png" alt="">
                        <span>收藏</span>
                    </div>
                </div> -->
                <!-- 课程详情 -->
                <!-- <div class="course-deatil-container">
                    <div class="course-detail-container-nav-line">
                        <div class="course-description">课程描述</div>
                        <div class="course-content">目录</div>
                        <div class="course-remark">评论</div>
                    </div>
                    <div class="course-description-box">
                        <p>
                            软件性能测试是中高级测试人员必备掌握的技能，被称为测试领域的天花板。 本课程从软件性能测试基础理论到实践方法，测试工具的使用，一步一步带你学习性能测试的这个测试的高阶课程。
                        </p>
                        <p>
                            本课程由10余年软件测试从业经验、软件测试专家讲师亲授，课程内容为全案例实战、手把手教零基础小白掌握性能测试领域的知识，学完本课程，你可以了解性能测试知识，提升自己的测试技能，为升职加薪做准备！
                        </p>
                    </div>
                    <div class="course-content-box">
                        <div class="course-section">
                            <div class="section-title-line">
                                <div class="section-title">1. day 01 - 性能测试基本概念</div>
                                <div class="download-btn">下载</div>
                            </div>
                            <div class="section-item-list">
                                <div class="section-item">
                                    <div class="section-item-title">1-1 01 性能测试基本概念</div>
                                    <div class="section-item-action">
                                        <img src="./image/播放.svg" alt="">
                                        播放
                                    </div>
                                </div>

                                <div class="section-item">
                                    <div class="section-item-title">1-1 01 性能测试基本概念</div>
                                    <div class="section-item-action">
                                        <img src="./image/播放.svg" alt="">
                                        播放
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="course-remark-box"></div>
                </div> -->

            </div>
            <!-- <div class="course-remark-box">
                <div class="remark-box-header">
                    <span>评论</span>
                    <div class="remark-box-star">
                        <img src="./image/star.svg" alt="">
                        <img src="./image/star.svg" alt="">
                        <img src="./image/star.svg" alt="">
                        <img src="./image/star.svg" alt="">
                        <img src="./image/star.svg" alt="">
                    </div>
                    <div class="remark-textarea">
                        <textarea name="remark" id="" placeholder="请发表您对课程的评价"></textarea>
                    </div>
                    <div class="remark-btn">
                        <button type="button">发表评论</button>
                    </div>
                </div>
                <div class="remark-box-main">
                    
                    <div class="remark-list">
                        <div class="remark-list-item">
                            <div class="remark-list-item-title">
                                <div class="remark-list-item-title-left">
                                    <img src="./image/favicon.ico" alt="">
                                    <span>天亮</span>
                                </div>
                                <div class="remark-box-star">
                                    <img src="./image/star.svg" alt="">
                                    <img src="./image/star.svg" alt="">
                                    <img src="./image/star.svg" alt="">
                                    <img src="./image/star.svg" alt="">
                                    <img src="./image/star.svg" alt="">
                                </div>
                            </div>
                            <div class="remark-list-item-content">
                                <p>期待！！！</p>
                            </div>
                            <div class="remark-list-item-footer">
                                <div>
                                    <span>2022-12-29 17:23 </span>
                                    <span>回复</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div> -->
        </div>
        <div class="footer-container">
            <div class="footer">
                <div class="first-line">友情链接:</div>
                <div class="second-line">
                    <!-- <a href="  ">天亮教育</a> -->


                </div>
                <div class="spacer-line"></div>
                <div class="third-line">Copyright © 2017-2025 石家庄天亮教育科技有限公司 备案号:冀ICP备17020003号</div>
            </div>
        </div>
    </div>
</body>
<script src="./js/detail-ajax.js"></script>
<script src="./js/detail.js"></script>

</html>